//
// Panel
// --------------------------------------------------


.panel {
	padding: 8px 0;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

.panel-head,
.panel-body,
.panel-foot {
	padding: 8px @common-content-padding;
}

.panel-head {
	.panel-title {
		font-size: @font-size-base + 2;
		font-weight: 600;
	}
}

.panel>.table {
	border-top: 1px solid @border-color-base;

	th:first-child,
	td:first-child {
		padding-left: @common-content-padding + 4;
	}
}

.panel>.table-bordered {
	border-left: 0;
	border-right: 0;

	th:first-child,
	td:first-child {
		border-left: 0;
	}

	th:last-child,
	td:last-child {
		border-right: 0;
	}
}

.panel>.table+.panel-body,
.panel>.table+.panel-foot {
	border-top: 1px solid @border-color-base;
}

.panel-tab {
	padding: 0;
	background-color: transparent;
	box-shadow: none;

	.tab-content {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
	}
}

.panel-warning {
	padding: 16px @common-content-padding;
	background-color: #FFF9C4;
}